<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="UTF-8">
    <title>修改用户信息</title>

    <style>
        /* 给整个页面的body设置样式，使其相对定位 */
        body {
            position: relative;
            min-height: 100vh;
            display: flex;
            justify-content: center;
            align-items: center;
            flex-direction: column;
            padding: 20px; /* 增加页面边距 */
        }

        /* 给表单设置样式，这里假设你希望表单整体在页面中间显示得更规整 */
        form {
            background-color: #f9f9f9;
            padding: 30px; /* 适当增加表单内边距 */
            border-radius: 5px;
            box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
        }

        /* 给表格内的输入框设置一些样式，使其在表格单元格内显示更美观 */
        input {
            padding: 8px; /* 增加输入框内边距 */
            border: 1px solid #ccc;
            border-radius: 3px;
            margin-bottom: 15px; /* 增加输入框之间的垂直间距 */
        }

        label {
            margin-bottom: 10px; /* 增加标签与输入框之间的垂直间距 */
        }
    </style>
</head>
<body>
<th:block th:insert="~{admin/header :: sidebar}"/>
<h2>修改用户信息</h2>
<form action="/admin/order/updateOrder" th:object="${order}" method="post">
    <input type="hidden" th:field="*{orderid}">
    <input type="hidden" th:field="*{userid}">
    <input type="hidden" th:field="*{concertid}">
    <input type="hidden" th:field="*{ticketid}">
    <input type="hidden" th:field="*{seatid}">
    <label for="orderstatus">订单状态：</label>
    <select id="orderstatus" th:field="*{orderstatus}">
        <option value="0">未支付</option>
        <option value="1">已完成</option>
    </select><br>
    <input type="submit" value="保存修改">
</form>
</body>
</html>